@minColor:#59ce2a;//主色调
@minDeepCol:#33b818;//主色调加深
@bgColor:#f0f0f0;//背景色
@minFontCol:#333333;//主要字体颜色
@secondaryFontCol:#999999;//过度字体颜色
@excessiveFontCol:#666666;//辅助文字
@allBorderCol:#d3d3d3;//框线色
@tableChangeCol:#f4f4f4;//表头，导航栏，表格边行背景色
@chackFontCol:#2ecc71;//
@aColor:#17a0e8;//连接色
@specialFontCol:#da4937;//重要提醒性辅助文字色
@inputHeight:30px;
@checkboxWidth:15px;
@checkboxHeight:15px;
@theadTdHeight:40px;
@tbodyTdHeight:30px; 
@btnWidth:80px;
@btnHeight:30px;
@fontWhite:#fff;
@inputBorderCol:#d8d8d8;//表单元素框色
@headerBorderCol:#2db015;//header选中的导航边框色
@trHoverCol:#d9ecd5;//经过tr时的背景色
/* 框架部分需按照css的id给页面元素设置id，如有没有导航栏的情况视情况复写 */
body,html{width: 100%;height: 100%;}
//页面最外层的容器
#container{width:100%;height:100%;min-width:1260px !important;background-color: @fontWhite;color: @minFontCol;overflow: hidden;z-index: 200;position: relative;}
//内容部分：头部
#container header{
    width:100% !important;font-size:.875rem;height: 65px !important;background: url(../img/logo/topbg.png);color:@fontWhite;position:relative;
    //头部logo容器的id
    #logo{
        position: absolute;left: 20px;display: inline-block;display: inline;*zoom: 1;width: 12% !important;
        //页面logo的样式
        #banner{display: inline-block;*display: inline;*zoom: 1;width: 100%;height:100%}
    }
    #minMenu{
        height: 100%;margin-left: 214px;
        li{text-align: center;padding: 5px 25px;box-sizing: border-box;height: 65px;cursor: pointer;}
        p{
            margin: 0;
            img{width: 32px;}
        }
    }
    //头部右上的用户区域id
    #admin{
        width:278px;height:30px;position: absolute;top: 0;right: 0;height: 30px;background: url(../img/logo/topnav.png);text-align: center;line-height: 30px;
        label{margin-right: 5px;font-weight: normal;}
    }
}
//内容左边导航栏的id
#container #menuTree{
    width:210px;position: absolute;left:0;top:65px;bottom:25px;background: @tableChangeCol;border-right: 1px solid @allBorderCol;
    #directionBtn{position: absolute;right: -7px;top:50%;transform:translateY(-50%);z-index: 666;}
}
//内容右边正文的id
#content{background-color: @bgColor;color: @minFontCol;z-index: 200;position: absolute;left:210px;top:65px;right:0;bottom:25px;overflow: hidden;}
//内容底部footer
footer{width:100%;text-align: center;background: @minColor;color: @fontWhite;clear: both;font-size: .875rem;line-height: 25px;height:25px;position: absolute;bottom: 0;}


/* 类样式 */
//此文件中的类样式仅与布局有关//
//行内样式
.inline{display: inline-block;*display: inline;*zoom: 1;}
//隐藏样式
.hidden{display: none;}
//导航栏选中样式
.checkMenuTree{background: @minColor;border-top: 1px solid @minDeepCol;border-left: 4px solid @minDeepCol;color: @fontWhite;}
//头部导航栏选中样式
.checkMinMenu{background:@minDeepCol;border: 1px solid @headerBorderCol;}
//导航栏选中样式
.menuDownLine{border-bottom: 3px solid @minColor;color: @minColor;}




